﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>jQuery Select下拉框美化特效</title>
    <link href="css/select.css" rel="stylesheet" />
    <link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
</head>

<body>
    <div class="vertical">
        <select id="mySelect">
            <option value="1">成功1</option>
            <option value="2">成功2</option>
            <option value="3" selected="selected">成功3</option>
            <option value="4">成功4</option>
            <option value="5">失败5</option>
            <option value="6">失败6</option>
            <option value="7">失败7</option>
            <option value="8">失败8</option>
            <option value="9">失败9</option>
            <option value="10">失败10</option>
            <option value="11">失败11</option>
            <option value="12">失败12</option>
        </select>
    </div>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/jquery.select.js"></script>
    <script type="text/javascript">
    $(function() {
        $("#mySelect").select({
            width: "200px"
        });
    });
    </script>
</body>

</html>
